<template>
  <div>
    <div style="margin:auto;width: 1200px;">
      <el-tabs v-model="activeName" @tab-click="handleClick" style="margin: 30px 0">
        <el-tab-pane label="全部组织" name="school"></el-tab-pane>
      </el-tabs>
      <el-row>
        <el-col v-for="(item,index) in schoolList"
                style="height: 146px;width: 260px;margin: 20px;background-color: white"
                :offset="index > 0 ? 1 : 0">
          <img style="width: 150px;margin: 50px 40px" :src="`http://localhost:8089/upload/${item.brand}`"/>
        </el-col>
      </el-row>
    </div>
    <h3 style="text-align: center">若您的组织想加入本平台，请在页面下方联系我们</h3>
  </div>
</template>

<script>
export default {
  name: "SchoolListView",
  data() {
    return {
      schoolList: '',
      activeName: 'school'
    }
  },
  methods: {
    // 查询所有合作组织
    getSchoolAll() {
      this.$axios({
        method: 'get',
        url: 'http://localhost:8089/school/findAll'
      }).then(res => {
        this.schoolList = res.data.dataobject;
      }).catch(err => console.log(err));
    },
  },
  created() {
    this.getSchoolAll()
  }
}
</script>

<style scoped>
/deep/ .el-tabs__item {
  font-size: 24px !important;
  color: #333333 !important;
  margin-bottom: 5px !important;
}
</style>